<?php
// Funktion zum schlie&szlig;en aller Variabeln/bzw. Fenster
function aus()
{
    echo "<div style='float: right'>[ "; echo "<a href='".$_SERVER['PHP_SELF']."?aus=1'>Ansicht Schlie&szlig;en</a>";echo " ]</div>";
}

?>

<!doctype html>
<html lang="us">
<head>
	<meta charset="utf-8">
	<link href="scripts/jquery-ui.css" rel="stylesheet">
	<style>

	</style>
</head>
<body>


<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Überschrift</a></li>
		<li><a href="#tabs-2">Textfeld</a></li>
		<li><a href="#tabs-3">Textfeld+Überschrift</a></li>
	</ul>
	<div id="tabs-1">
	
	<?php
	//Wenn Content angeklickt...
	if (isset($_GET['contentname'])) 
		{ echo "Content zum Menupunkt <b>"; echo $_GET['contentname']; echo "</b> angeben"; 
	?>
	
	<!-- Formular zum Eintrag einer Überschrift anzeigen -->
	
	  <?php
	
  if (isset($_GET['contentname'])) 
          {
          ?>
		  
 <script language=JavaScript src="scripts/picker.js"></script>        
 <table style="font-family: Verdana,Arial,sans-serif;    
    font-style:       normal;
    font-size:        11px;
    BORDER-TOP:       #A6A6A6 1px solid; 
    BORDER-LEFT:      #A6A6A6 1px solid; 
    BORDER-BOTTOM:    #A6A6A6 1px solid;
    BORDER-RIGHT:     #A6A6A6 1px solid;">
 <form method="post" name="meins" action="">
<tr>
<td colspan="4"><?php aus(); ?><b>&Uuml;berschrift anlegen</b></td>
</tr>
    <tr>
      <td>Inhalt:<input name="inhalt" type="text" size="60" maxlength="120">
      Reihenfolge: <input name="startreihe" type="text" size="5" maxlength="5">
      <br>

Farbe: 
Hintergrund: 
<input name="datumstart" type="text" size="10" maxlength="100" value="111">
<a href="javascript:TCP.popup(document.meins.datumstart, 0)"><img border="0" src="images/color.gif" /></a>
Text:
<input name="datumaktuell" type="text" size="10" maxlength="100" value="123">
<a href="javascript:TCP.popup(document.meins.datumaktuell, 0)"><img border="0" src="images/color.gif" /></a><br>
</td>
<tr><td>
<input name="submitueber" class="Button" type="submit" value=" Absenden ">

</td>
    </tr>
    </table>
		<?php }  } ?>
 
	<!-- Formular zum Eintrag einer Überschrift anzeigen -->	
	
	<form action"" method="post"><input type="text" value="jo"><input type="submit" value"Check"></form>
	
	
	<br><br><br><br><br><br><br><br><br>
	
	
	</div>
	<div id="tabs-2">Phasellus <br><br><br>mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
	<div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
</div>




<script src="scripts/jquery.js"></script>
<script src="scripts/jquery-ui.js"></script>
<script>

$( "#accordion" ).accordion();



var availableTags = [
	"ActionScript",
	"AppleScript",
	"Asp",
	"BASIC",
	"C",
	"C++",
	"Clojure",
	"COBOL",
	"ColdFusion",
	"Erlang",
	"Fortran",
	"Groovy",
	"Haskell",
	"Java",
	"JavaScript",
	"Lisp",
	"Perl",
	"PHP",
	"Python",
	"Ruby",
	"Scala",
	"Scheme"
];
$( "#autocomplete" ).autocomplete({
	source: availableTags
});



$( "#button" ).button();
$( "#radioset" ).buttonset();



$( "#tabs" ).tabs();



$( "#dialog" ).dialog({
	autoOpen: false,
	width: 400,
	buttons: [
		{
			text: "Ok",
			click: function() {
				$( this ).dialog( "close" );
			}
		},
		{
			text: "Cancel",
			click: function() {
				$( this ).dialog( "close" );
			}
		}
	]
});

// Link to open the dialog
$( "#dialog-link" ).click(function( event ) {
	$( "#dialog" ).dialog( "open" );
	event.preventDefault();
});



$( "#datepicker" ).datepicker({
	inline: true
});



$( "#slider" ).slider({
	range: true,
	values: [ 17, 67 ]
});



$( "#progressbar" ).progressbar({
	value: 20
});



$( "#spinner" ).spinner();



$( "#menu" ).menu();



$( "#tooltip" ).tooltip();



$( "#selectmenu" ).selectmenu();


// Hover states on the static widgets
$( "#dialog-link, #icons li" ).hover(
	function() {
		$( this ).addClass( "ui-state-hover" );
	},
	function() {
		$( this ).removeClass( "ui-state-hover" );
	}
);
</script>
</body>
</html>
